<style>
    .month {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        cursor: pointer;
    }

    .month-item {
        border: 1px solid #e8e8e8;
        padding: 6px 20px;
    }

    .item:last-child {
    }

    .action {
        background: #4e73df;
        border-color: #4e73df;
        color: #fff;
        font-weight: 600;
    }

    .month-year {
        padding: 6px 20px;
        border: 1px solid #e8e8e8;
        width: 200px;
        outline: none;
    }

    tbody tr:last-child {
        font-weight: bold;
        color: red;
    }
</style>
<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}"><i
                                class="fa fa-refresh"></i> </a>

                        <!--                        <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('commission/accounting/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>-->
                        <!--                        <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('commission/accounting/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>-->
                        <!--                        <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('commission/accounting/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>-->


                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
